﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="mobile-web-app-capable" content="yes">
    <script src="../Scripts/semantic.min.js"></script>
    <link href="../Content/semantic.min.css" rel="stylesheet" />
    <link href="../Content/semantic.site.css" rel="stylesheet" />
</head>
<body>
    <div class="ui page grid">
        <div class="ui page grid">
            <div class="ui page grid">
                <nav class="ui text menu navbar">
                    <div class="left menu">
                        <a href="" class="item">Code labs</a>
                    </div>
                    <div class="right menu">
                        <a href="" class="item">Home</a>
                        <a href="" class="item">About</a>
                        <a href="" class="item">Contact</a>
                    </div>
                </nav>
                <div class="ui divider"></div>
                <div class="ui grid">
                    <div class="row">
                        <div class="column">
                            <div class="ui huge message page grid center aligned">
                                <h1 class="ui huge header">Jumbotron heading</h1>
                                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                                <a class="ui green button">Sign up today</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui hidden divider"></div>
                <div class="ui grid">
                    <div class="two column row">
                        <div class="column">
                            <h2 class="ui medium header">Subheading</h2>
                            <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                        </div>
                        <div class="column">
                            <h2 class="ui medium header">Subheading</h2>
                            <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                        </div>
                    </div>
                    <div class="two column row">
                        <div class="column">
                            <h2 class="ui medium header">Subheading</h2>
                            <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
                        </div>
                        <div class="column">
                            <h2 class="ui medium header">Subheading</h2>
                            <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
                        </div>
                    </div>
                    <div class="two column row">
                        <div class="column">
                            <h2 class="ui medium header">Subheading</h2>
                            <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
                        </div>
                        <div class="column">
                            <h2 class="ui medium header">Subheading</h2>
                            <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="column">
                            <div class="ui divider"></div>
                            <span>&copy; Company 2014</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>